<template>
    <div class="view">
        <div class="wrap cc">
            <p class="tips-text">任意选择你想要做的和已经完成的生成清单<br>不感兴趣可直接跳过。</p>
            <div class="header center">想要做 / 已完成</div>
            <ul class="select">
                <li v-for="(item, index) in lifeData" :key="index">
                    <span>{{index + 1}}</span>
                    <p class="content">{{item.text}}</p>
                    <div>
                        <p @click="thinkDo(index)">
                            <img v-if="item.think_do" src="./../../../assets/life/red_on.png" alt="">
                        </p>
                        <p @click="doneDo(index)">
                            <img v-if="item.done_do" src="./../../../assets/life/green_on.png" alt="">
                        </p>
                    </div>
                </li>
            </ul>
            <a href="javascript: void(0);" @click="buildList">
                <img src="./../../../assets/life/green_button.png" alt="">
            </a>
            <div class="code">
                <img src="./../../../assets/life/bar_code.png" alt="">
            </div>
        </div>
        <div class="mask" v-if="dialogShow" @click="dialogShow = false"></div>
        <div class="dialog" v-if="dialogShow">
            <h4>亲爱的，别忘了<br>人生最重要的清单：<br>有一个健康的好身体</h4>
            <h1>祝你梦想成真！</h1>
            <p>奋勇前行的路上 也别忘了犒赏自己<br>即刻下载星诊所APP,立享9.9元肩颈按摩</p>
            <div class="btn">
                <a href="http://android.myapp.com/myapp/detail.htm?apkName=com.anheshoupati&ADTAG=mobile"><img src="../../../assets/life/button1.png" alt=""></a>
                <a href="javascript: void(0);" @click="building"><img src="../../../assets/life/button2.png" alt=""></a>
            </div>
        </div>
    </div>
</template>

<script>
export { default } from "./index";
</script>
<style lang="less" scoped>
@import "./index.less";
</style>
